<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<!--网站说明-->
		<meta name="description"
          content="品优购商城-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。"/>
		 <meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜"/>
		<title>品优购商城-正品低价、品质保障、配送及时、轻松购物！</title>
		<link rel="shortcut icon" href="favicon.ico" />
		<!--引入我们初始化结构文件-->
		<link rel="stylesheet" href="css/base.css" />
		<!--引入我们公共的样式文件-->
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<!--快捷导航模块 start-->
		<section class="shortcut">
			<div class="w">
				<div class="fl">
					<ul>
						<li>品优购欢迎您！&nbsp;</li>
						<li>
							<a href="#">请登录&nbsp;</a>
							<a href="register.html" class="style_red">免费注册</a>
						</li>
					</ul>
				</div>
			
				<div class="fr">
					<ul>
						<li>我的订单</li>
						<li></li>
						<li class="arrow_icon">我的品优购 </li>
						<li></li>
						<li>品优购会员</li>
						<li></li>
						<li>企业采购</li>
						<li></li>
						<li class="arrow_icon">关注品优购</li>
						<li></li>
						<li class="arrow_icon">客户服务</li>
						<li></li>
						<li class="arrow_icon">网站导航 </li>
					</ul>
				</div>
			</div>
		</section>
		<!--快捷导航模块 end-->
		
		<!--head头部模块制作start-->
		<header class="header w"> 
		<!--logo制作-->
		<div class="logo">
			<h1>
				<a href="index.html" title="品优购商城">品优购商城</a>
			</h1>
		</div>
		
		<!--搜索框模块制作-->
		<div class="search">
			<input type="search" name="" id="" placeholder="语言开发" />
			<button>搜索</button>
		</div>
		

  
		<!--制作热词部分-->
		<div class="hotwords">
			<a href="#" class="style_red">优惠购首发</a>
			<a href="#">亿元优惠</a>
			<a href="#">9.9元团购</a>
			<a href="#">每满99减30</a>
			<a href="#">办公用品</a>
			<a href="#">电脑</a>
			<a href="#">通信</a>
		</div>
		
		<!--购物车部分-->
		<div class="shopcar">
			<a href="#">我的购物车</a>
			<i class="count">9</i>
		</div>
		</header>
		<!--head头部模块制作end-->
	
		<!--nav模块制作start-->
		<nav class="nav">
			<div class="w">
				<div class="dropdown">
					<div class="dd">全部商品分类</div>
					<div class="dt">
						<ul>
							<li><a href="#">家用电器</a></li>
							<li><a href="list.html">手机</a>、<a href="#">数码</a>、<a href="#">通信</a></li>
							<li><a href="#">电脑</a>、<a href="#">办公</a></li>
							<li><a href="#">家居</a>、<a href="#">家具</a>、<a href="#">家装</a>、<a href="#">厨具</a></li>
							<li><a href="#">男装</a>、<a href="#">女装</a>、<a href="#">童装</a>、<a href="#">内衣</a></li>
							<li><a href="#">个性化妆</a>、<a href="#">清洁用品</a>、<a href="#">宠物</a></li>
							<li><a href="#">鞋靴</a>、<a href="#">箱包</a>、<a href="#">珠宝</a>、<a href="#">奢侈品</a></li>
							<li><a href="#">运动户外</a>、<a href="#">钟表</a></li>
							<li><a href="#">汽车</a>、<a href="#">汽车用品</a></li>
							<li><a href="#">母婴</a>、<a href="#">玩具乐器</a></li>
							<li><a href="#">食品</a>、<a href="#">酒类</a>、<a href="#">生鲜</a>、<a href="#">特产</a></li>
							<li><a href="#">医疗保健</a></li>
							<li><a href="#">电子书</a>、<a href="#">图书</a>、<a href="#">音像</a></li>
							<li><a href="#">彩票</a>、<a href="#">旅行</a>、<a href="#">充值</a>、<a href="#">票务</a></li>
							<li><a href="#">理财</a>、<a href="#">众筹</a>、<a href="#">白条</a>、<a href="#">保险</a></li>
						
						</ul>
					</div>
				</div>
				<div class="navitems">
					<ul>
						<li><a href="#">服装城</a></li>
						<li><a href="#">美妆馆</a></li>
						<li><a href="#">传智超市</a></li>
						<li><a href="#">全球购</a></li>
						<li><a href="#">闪购</a></li>
						<li><a href="#">团购</a></li>
						<li><a href="#">拍卖</a></li>
						<li><a href="#">有趣</a></li>
					</ul>
				</div>
			</div>
		</nav>
		<!--nav模块制作end-->
		
		
		<!--首页专有模块main start-->
		<div class="w">
			<div class="main">
				<div class="foucs">
					<ul>
						<li>
							<img src="upload/index.png" alt="" />
						</li>
					</ul>
				</div>
				<div class="newsflash">
					<div class="news">
						<div class="news_hd">
							<h5>品优购快报</h5>
							<a href="#" class="more">更多</a>
						</div>
						<div class="news_bd">
							<ul>
								<li><a href="#"><strong>[特惠]</strong>备战开学季全民半价购数码</a></li>
								<li><a href="#"><strong>[公告]</strong>品优稳占家电网购</a></li>
								<li><a href="#"><strong>[特惠]</strong>优惠多多</a></li>
								<li><a href="#"><strong>[公告]</strong>备战开学季全民半价购数码</a></li>
								<li><a href="#"><strong>[重磅]</strong>全民半价购数码</a></li>
							</ul>
						</div>
					</div>
					<div class="lifeservice">
						<ul>
							<li>
								<i class="service_ico_charge"></i>
								<p>话费</p>
							</li>
							<li>
								<i class="service_ico_ticket"></i>
								<p>机票</p>
							</li>
							<li>
								<i class="service_ico_film"></i>
								<p>电影票</p>
							</li>
							<li>
								<i class="service_ico_game"></i>
								<p>游戏</p>
							</li>
							<li>
								<i class="service_ico_caipiao"></i>
								<p>彩票</p>
							</li>
							<li>
								<i class="service_ico_card"></i>
								<p>加油卡</p>
							</li>
							<li>
								<i class="service_ico_hostel"></i>
								<p>酒店</p>
							</li>
							<li>
								<i class="service_ico_trainticket"></i>
								<p>火车票</p>
							</li>
							<li>
								<i class="service_ico_crowd_funding"></i>
								<p>众筹</p>
							</li>
							<li>
								<i  class="service_ico_licai"></i>
								<p>理财</p>
							</li>
							<li>
								<i  class="service_ico_present"></i>
								<p>礼品卡</p>
							</li>
							<li>
								<i  class="service_ico_note"></i>
								<p>白条</p>
							</li>
						</ul>
					</div>
					<div class="bargain">
						<img src="upload/service.png" alt="" />
					</div>
				</div>
			</div>
		</div>
		<!--首页专有模块main end-->
		
		
		<!--推荐模块start-->
		<div class="recom w">
			<div class="recom_hd fl">
				<img src="images/clock.png" alt="" />
				<h3>今日推荐</h3>
			</div>
			<div class="recom_bd fl">
				<ul>
					<li><img src="upload/rm1.jpg" alt="" /></li>
					<li><img src="upload/rm2.jpg" alt="" /></li>
					<li><img src="upload/rm3.jpg" alt="" /></li>
					<li><img src="upload/rm4.jpg" alt="" /></li>
				</ul>
			</div>
		</div>
		<!--推荐模块end-->
		
		<!--楼层区域制作start-->
		<div class="floor">
			<div class="w jiadian">
				<div class="box_hd">
					<h3>家用电器</h3>
					<div class="tab_list fr">
						<ul>
							<li><a href="#" class="style_red">热门</a>|</li>
							<li><a href="#">大家电</a>|</li>
							<li><a href="#">生活电器</a>|</li>
							<li><a href="#">厨房电器</a>|</li>
							<li><a href="#">个护健康</a>|</li>
							<li><a href="#">应季电器</a>|</li>
							<li><a href="#">空气/净水</a>|</li>
							<li><a href="#">新奇特</a>|</li>
							<li><a href="#">高端电器</a></li>
						</ul>
					</div>
				</div>
				<div class="box_bd">
					<div class="tab_content">
						<div class="tab_list_item">
							<div class="col_210">
								<ul>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">4K电视</a></li>
									<li><a href="#">空气净化器</a></li>
									<li><a href="#">IH电饭煲</a></li>
									<li><a href="#">滚筒洗衣机</a></li>
									<li><a href="#">电热水器</a></li>
								</ul>
								<a href="#">
									<img src="upload/jd1.jpg" alt="" />
								</a>
							</div>
							<div class="col_329">
								<a href="#"><img src="upload/jd2.jpg" alt="" /></a>
							</div>
							<div class="col_221">
								<a href="#" class="bb"><img src="upload/jd3.jpg" alt="" /></a>
								<a href="#"><img src="upload/jd4.jpg" alt="" /></a>
							</div>
							<div class="col_221">
								<a href="#"><img src="upload/jd5.jpg" alt="" /></a>
								
							</div>
							<div class="col_219">
								<a href="#" class="bb"><img src="upload/jd6.jpg" alt="" /></a>
								<a href="#"><img src="upload/jd7.jpg" alt="" /></a>
								
							</div>
						</div>
					</div>
				</div>
			</div>
			
		</div>
		<!--二层楼层制作-->
			<div class="floor">
			<div class="w shouji">
				<div class="box_hd">
					<h3>手机通讯</h3>
					<div class="tab_list fr">
						<ul>
							<li><a href="#" class="style_red">热门</a>|</li>
							<li><a href="#">大家电</a>|</li>
							<li><a href="#">生活电器</a>|</li>
							<li><a href="#">厨房电器</a>|</li>
							<li><a href="#">个护健康</a>|</li>
							<li><a href="#">应季电器</a>|</li>
							<li><a href="#">空气/净水</a>|</li>
							<li><a href="#">新奇特</a>|</li>
							<li><a href="#">高端电器</a></li>
						</ul>
					</div>
				</div>
				<div class="box_bd">
					<div class="tab_content">
						<div class="tab_list_item">
							<div class="col_210">
								<ul>
									<li><a href="#">节能补贴</a></li>
									<li><a href="#">4K电视</a></li>
									<li><a href="#">空气净化器</a></li>
									<li><a href="#">IH电饭煲</a></li>
									<li><a href="#">滚筒洗衣机</a></li>
									<li><a href="#">电热水器</a></li>
								</ul>
								<a href="#">
									<img src="upload/jd1.jpg" alt="" />
								</a>
							</div>
							<div class="col_329">
								<a href="#"><img src="upload/jd2.jpg" alt="" /></a>
							</div>
							<div class="col_221">
								<a href="#" class="bb"><img src="upload/jd3.jpg" alt="" /></a>
								<a href="#"><img src="upload/jd4.jpg" alt="" /></a>
							</div>
							<div class="col_221">
								<a href="#"><img src="upload/jd5.jpg" alt="" /></a>
								
							</div>
							<div class="col_219">
								<a href="#" class="bb"><img src="upload/jd6.jpg" alt="" /></a>
								<a href="#"><img src="upload/jd7.jpg" alt="" /></a>
								
							</div>
						</div>
					</div>
				</div>
			</div>
			
		</div>
		<!--楼层区域制作end-->
		
		<!--footer模块制作start-->
		<footer class="footer"> 
			<div class="w">
				<div class="mod_service">
					<ul>
						<li>
							<h5 class="service_zheng" ></h5>
							<div class="service_txt">
								<h3>正品保障</h3>
								<p>正品保障、提供发票</p>
							</div>
						</li>
						<li>
							<h5 class="service_ji"></h5>
							<div class="service_txt">
								<h3>急速物流</h3>
								<p>极速物流、极速送达</p>
							</div>
						</li>
						<li>
							<h5 class="service_wu"></h5>
							<div class="service_txt">
								<h3>无忧售后</h3>
								<p>七天无理由退换货</p>
							</div>
						</li>
						<li>
							<h5 class="service_te"></h5>
							<div class="service_txt">
								<h3>特色服务</h3>
								<p>私人订制家电套装</p>
							</div>
						</li>
					</ul>
					
				</div>
				<div class="mod_help">
					<dl>
						<dt>购物指南</dt>
						<dd><a href="#">购物流程</a></dd>
						<dd><a href="#">会员介绍</a></dd>
						<dd><a href="#">生活旅行/团购</a></dd>
						<dd><a href="#">常见问题</a></dd>
						<dd><a href="#">大家电</a></dd>
						<dd><a href="#">联系客服</a></dd>
					</dl>
					
					<dl>
						<dt>购物指南</dt>
						<dd><a href="#">购物流程</a></dd>
						<dd><a href="#">会员介绍</a></dd>
						<dd><a href="#">生活旅行/团购</a></dd>
						<dd><a href="#">常见问题</a></dd>
						<dd><a href="#">大家电</a></dd>
						<dd><a href="#">联系客服</a></dd>
					</dl>
					
					<dl>
						<dt>购物指南</dt>
						<dd><a href="#">购物流程</a></dd>
						<dd><a href="#">会员介绍</a></dd>
						<dd><a href="#">生活旅行/团购</a></dd>
						<dd><a href="#">常见问题</a></dd>
						<dd><a href="#">大家电</a></dd>
						<dd><a href="#">联系客服</a></dd>
					</dl>
					
					<dl>
						<dt>购物指南</dt>
						<dd><a href="#">购物流程</a></dd>
						<dd><a href="#">会员介绍</a></dd>
						<dd><a href="#">生活旅行/团购</a></dd>
						<dd><a href="#">常见问题</a></dd>
						<dd><a href="#">大家电</a></dd>
						<dd><a href="#">联系客服</a></dd>
					</dl>
					
					<dl>
						<dt>购物指南</dt>
						<dd><a href="#">购物流程</a></dd>
						<dd><a href="#">会员介绍</a></dd>
						<dd><a href="#">生活旅行/团购</a></dd>
						<dd><a href="#">常见问题</a></dd>
						<dd><a href="#">大家电</a></dd>
						<dd><a href="#">联系客服</a></dd>
					</dl>
					
					<dl>
						<dt>帮助中心</dt>
						<dd>
							<img src="images/wx_cz.jpg" alt="" />
						</dd>
						<dd>品优购客户端</dd>
					</dl>
				</div>
				<div class="mod_copyright">
					<ul >
						<li><a href="#">关于我们</a></li>
						<li></li>
						<li><a href="#">联系我们</a></li>
						<li></li>
						<li><a href="#">联系客服</a></li>
						<li></li>
						<li><a href="#">商家入驻</a></li>
						<li></li>
						<li><a href="#">营销中心</a></li>
						<li></li>
						<li><a href="#">手机品优购 </a></li>
						<li></li>
						<li><a href="#">友情链接</a></li>
						<li></li>
						<li><a href="#">销售联盟</a></li>
						<li></li>
						<li><a href="#">品优购社区</a></li>
						<li></li>
						<li><a href="#">English</a></li>
						<li></li>
						<li><a href="#">Site</a></li>
						<li></li>
						<li><a href="#">Contact U</a></li>
						
					</ul>
					<div class="copyright">
						地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn<br/>
						京ICP备08001421号京公网安备110108007702
					</div>
					
				</div>
			</div>
		</footer>
		<!--footer模块制作end-->
	</body>
</html>



